@charset "UTF-8";
/*轮播样式*/

.flash,.flash .bd,.flash .bd1{overflow: hidden;position: relative;}
//---轮播箭头-----
%flash-arrow1{
  .prev,.next{position: absolute;top: 220px;width: 54px;height: 100px;}
  .prev{
     left: 0px;
     background:url("../images/c_prev5.png") center center no-repeat;
    &:hover{background:url("../images/c_prev5.png") center center no-repeat};
  }
   .next{
    right: 0px;
    background:url("../images/c_next5.png") center center no-repeat;
    &:hover{background:url("../images/c_next5.png") center center no-repeat};
  }
}
//----轮播标题-------与图片下端对齐
%flash-imgdesc1{
 .imgdesc{height: 40px;filter: alpha(opacity=60);opacity: 0.6;background: #000;position: absolute;left: 0;bottom: 0px;width: 100%;}
 .imgdesc-txt{position: absolute;bottom: 0px;z-index: 2;height: 30px;  width: 100%;overflow: hidden;left: 0;}
 .imgdesc-txt li{padding-left: 10px;  height: 40px;  line-height: 40px; width: 100%;  position: absolute;  bottom: 20px;}
 .imgdesc-txt li a{  font-size: 14px;  color: #FFF;}
}
//----轮播导航----
%flash-hd1{
  .hd{
    position: absolute;
    z-index: 100;
    width: auto;top: 276px;
    overflow: hidden;
    text-align: right;left: 350px;
  }
  .hd{padding-right: 20px;}
  .hd li{
    float: left;
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    background: #fff;
    border: none;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    &.on{background: #C51103;}
  }
}
//-----图片与轮博客尺寸----图片大小与轮播框大小一样
@mixin flash1($width,$height){
  .bd,img,&{
    width: $width;
    height: $height;
  }
}
//-----图片与轮博客尺寸----图片大小与轮播框大小一样
@mixin flash2($width,$height,$width1,$height1){
  &{
    width: $width;
    height: $height;
  }
  .bd,img{
    width: $width1;
    height: $height1;
  }
}

 #flash1{
   @include flash1(420px,300px);
   @extend %flash-imgdesc1;
   @extend %flash-hd1;
   /*@extend %flash-arrow1;*/
   .imgdesc,.imgdesc-txt,.imgdesc-txt li{
    // display: none;
    }

}

 #flash2{
   @include flash1(1100px,620px);
   @extend %flash-imgdesc1;
   @extend %flash-hd1;
   @extend %flash-arrow1;
   .imgdesc,.imgdesc-txt,.imgdesc-txt li{
        bottom: 0px;
       text-align: left;
       padding-left: 20px;
       height: 20px;
       @include flc(18px, 24px,#fff,none);
       a{ font-size: 20px; }
    }
    .imgdesc-txt{
        width: 1040px;
        bottom: -10px;
        display: none;
    }
   .hd{
      left: 400px;
      top: 605px;
      li{
        width: 25px;
        height: 10px;
        line-height: 16px;
        border-radius: 0;
        background:url("../images/cli_bg3.png") center center no-repeat;
        &.on{background:url("../images/cli_bg3_on.png") center center no-repeat;}
      }
   }
}
/* #flashHeader{
   @include flash2(1020px,240px,1020px,240px);
    &,.bd li{
       position: absolute;
       left: 0;
       top: 0;
    }
    .bd li{opacity: 0;}


}*/

/*------------------------以下为slidebox-------------------------------------*/
%slide-hd0{
  position: relative;
  @include wah(65px,32px,left);
  li{
    @include flc(14px, 32px,#333333,center);
    font-weight: bold;
    border-left: 3px solid #E70000;
  }
}
%slide-hd1{
  position: relative;

  li{
     float: left;
     @include flc(30px, 80px,#fff,center);
     @include wah(350px,80px,none);
    //  margin-right: 10px;
  }
  li.on{
    a{color: #FFF000};
  }

}
%slide-hd2{
  position: relative;
  height: 30px;
  border-bottom: 1px solid #0071E0;
  li{
    @include flc(14px, 30px,#fff,center);
    @include wah(99px,30px,none);
    background: #0071E0;
    font-weight: bold;
  }
  li.on{
    a{color:#fff; }
  }
}
%slide-hd3{
  position: relative;
  height: 30px;
  border-bottom: 1px solid #CCCCCC;
  li{
    @include flc(14px, 30px,#0071E0,left);
    @include wah(99px,30px,none);
    /*background: #0071E0;*/
    font-weight: bold;
  }
  li.on{
    a{color:#fff; }
  }
}

%slide-more{
  position: absolute;
  top: 0;
  padding-right: 12px;
  right: 5px;
  /*background: url("../images/c_more.png") right center no-repeat; */
  font-size: 14px;
  a{color: #333333;}
  line-height:42px;
  span{font-family: 'sans-serif'}
}
%slide-more2{
  position: absolute;
  top: 0;
  right: 0px;
  @include wah(60px,42px,none);
  /*background: url("../images/c_more2.png") right center no-repeat; */
  a{color: #1E1E17;@extend %ablock;}
  line-height:28px;
  span{font-family: 'sans-serif'}
}
/* 首屏con2快讯轮播 */
.slidebox0{
  .hd{ @extend %slide-hd0;}
  /*border-bottom: 1px solid #BBBBBB;*/
  padding-bottom: 10px;
  padding-top: 10px;
  @extend %clf;
}
/*首屏con2 C2-2|con3 LL2 */
#slidebox0{
  @extend %clf;
  margin-top: 396px;
  .hd{ @extend %slide-hd1;}
  .more{@extend %slide-more;}
}





/*---------------------------------picScroll*/
%picscroll{
   overflow:hidden;
   position:relative;
  .hd{ overflow:hidden;}
  .bd{ width: 1000px;    height: 232px;    overflow: hidden;    margin: 3px 42px;  }
  .bd ul{ overflow:hidden; zoom:1; }
  .bd ul li{ margin:0 10px 0 0; padding: 15px;width: 300px; float:left; _display:inline; overflow:hidden; text-align:center; }
  .bd .title1{ @include flc(14px, 28px,#111111,center); position: absolute;}
  .bd .title2{@include flc(14px, 20px,#545454,left);width: 158px;text-align: left;}
  .pic{margin: 0px 0px 0px 0px;}
  .pic img{ width:330px; height:216px; display:block; }
}
%picscroll-arrow1{
  .prev,.next{position: absolute;top: 95px;width: 50px;height: 50px;}
  .prev{
     left: 12px;
     background:url("../images/c_prev6.png") center center no-repeat;
    /*&:hover{background:url("../images/c_prev1_on.png") center center no-repeat};*/
  }
   .next{
    right: 12px;
    background:url("../images/c_next6.png") center center no-repeat;
    /*&:hover{background:url("../images/c_next1_on.png") center center no-repeat};*/
  }
}
#picscroll1{
 @extend %picscroll;
 margin-top: 0px;
 @include wah(1100px,255px,none);
 @extend %picscroll-arrow1;
 .pic{
   margin: 0;
   height: 200px;
 }
 .bd .title1{
   position: absolute;
   bottom: 0;
   @include wah(315px,30px,none);
   background:url(../images/c_opt_bg1.png);
   .txt{
     display:table-cell;
     @include wah(330px,30px,none);
     vertical-align: middle;
     @include flc(18px,1.5  ,#fff,center);
   }
 }
 .bd ul li:hover{
   .title1{display: block;}
 }
}
